<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Phần mềm quản lý văn bản</title>
<link rel="stylesheet" href="css/style.css" />
<script language="javascript" src="js/jquery.js" type="text/javascript" ></script>
<script language="javascript" src="js/script.js" type="text/javascript" ></script>
</head>

<body>
<div id="wrapper">
	<div id="header">
    	<div id="logo">
        	<a href="file:///E:/TASVIS/PROJECT/NganSon/HTML/Index.html"><img src="Images/logo-ns.png" no-repeat /></a>
        </div><!-- end logo -->
        <div id="menu-top">
        	<ul>
            	<li><a href="http://nganson.vn" target="_blank"><span class="icon"><img src="Images/Home.png" /></span>Trang chủ</a></li>
                <li><a href="http://nganson.com.vn" target="_blank"><span class="icon"><img src="Images/People.png" /></span>Quản lý nhân sự</a></li>
                <li><a href="/Help.aspx"><span class="icon"><img src="Images/Help.png" /></span>Trợ giúp</a></li>
                <li><a href="/Person.aspx"><span class="icon"><img src="Images/Person.png" /></span>Xin chào <span class="user-name">Vinh</span></a></li>
                <li><a href="/Logout.aspx"><span class="icon"><img src="Images/Turn-off.png" /></span>Thoát</a></li>
            </ul>
        </div><!-- end menu-top -->
    </div><!-- end header -->
    <div id="middle">
    	<div id="menu-left">
        	<ul class="ul-menu-left">
            	<li class="li-parent" id="du-thao-cong-van">
                	<h3><a href="#" class="a-parent parent-active"><span class="icon"><img src="Images/Text-out.png" /></span>Dự thảo công văn</a></h3>
                    <ul class="ul-child">
                    	<li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/New-document.png" /></span>Dự thảo công văn</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/List-compass.png" /></span>Công văn chờ/đang xử lý</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/OK.png" /></span>Công văn đã hoàn thành</a>
                        </li>
                        <li class="li-child">
                        	<a href="file:///E:/TASVIS/PROJECT/NganSon/HTML/CongVanCanXuLy.html" class="a-child"><span class="icon"><img src="Images/List-play.png" /></span>Công văn cần xử lý</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Up.png" /></span>Phát hành công văn</a>                            
                        </li>                        
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Text-warning.png" /></span>Chờ phát hành</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Text-Yes.png" /></span>Đã phát hành</a>
                        </li>                        
                    </ul>
                </li>
            	<li class="li-parent">
                	<h3><a href="#" class="a-parent"><span class="icon"><img src="Images/Text-out.png" /></span>Công văn đi</a></h3>
                    <ul class="ul-child">
                    	<li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/List-out.png" /></span>Danh sách công văn đi</a>
                        </li>                                                
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Text-preview.png" /></span>Tra cứu văn bản đi</a>
                        </li>                        
                    </ul>
                </li>
                <li class="li-parent">
                	<h3><a href="#" class="a-parent"><span class="icon"><img src="Images/Text-in.png" /></span>Công văn đến</a></h3>
                    <ul class="ul-child">
                    	<li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Text-warning.png" /></span>Công văn chưa xử lý</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/List-compass.png" /></span>Công văn đang xử lý</a>
                        </li>                       
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Text-preview.png" /></span>Tra cứu công văn đến</a>
                        </li>                         
                    </ul>
                </li>
            	<li class="li-parent" id="lich-cong-tac">
                	<h3><a href="#" class="a-parent"><span class="icon"><img src="Images/calendar_icon.gif" /></span>Lịch công tác</a></h3>
                    <ul class="ul-child">                    	
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Create.png" /></span>Tạo mới lịch họp</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/View.png" /></span>Xem lịch họp</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Repair.png" /></span>Ngày được đăng ký</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Repair.png" /></span>Người được đăng ký</a>
                        </li>
                    </ul>
                </li>
                <li class="li-parent">
                	<h3><a href="#" class="a-parent"><span class="icon"><img src="Images/Notes.png" /></span>Quản lý công việc</a></h3>
                    <ul class="ul-child">
                    	<li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Create.png" /></span>Tạo mới công việc</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Play.png" /></span>Công việc cần hoàn thành</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/OK.png" /></span>Công việc đã kết thúc</a>
                        </li>
                    </ul>
                </li>                                
                <li class="li-parent">
                	<h3><a href="#" class="a-parent"><span class="icon"><img src="Images/Person.png" /></span>Thông tin cá nhân</a></h3>
                    <ul class="ul-child">
                    	<li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Message.png" /></span>Danh bạ cá nhân</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Person.png" /></span>Thông tin cá nhân</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Repair.png" /></span>Đổi mật khẩu</a>
                        </li>
                    </ul>
                </li>
                <li class="li-parent">
                	<h3><a href="#" class="a-parent"><span class="icon"><img src="Images/Pinion.png" /></span>Quản trị hệ thống</a></h3>
                </li>
            </ul>
        </div><!-- end menu-left -->
        <div id="content">
        	<div class="list" id="hot-function">
            	<h2><span class="icon"><img src="Images/Wrench.png" /></span>Truy cập nhanh các chức năng</h2>
                <ul>
                	<li><a href="#" class="a-hot-function create-doc-out"><span class="icon"><img src="Images/New-document.png" /></span>Tạo công văn dự thảo</a><span class="icon-go"></span></li>
                    <li><a href="#" class="a-hot-function create-doc-in"><span class="icon"><img src="Images/New-document.png" /></span>Nhập văn bản đến</a><span class="icon-go"></span></li>
                    <li><a href="#" class="a-hot-function create-work"><span class="icon"><img src="Images/Create.png" /></span>Tạo mới công việc</a><span class="icon-go"></span></li>
                    <li><a href="#" class="a-hot-function work-play"><span class="icon"><img src="Images/Play.png" /></span>Công việc cần hoàn thành</a><span class="icon-go"></span></li>
                    <li><a href="#" class="a-hot-function search-doc"><span class="icon"><img src="Images/Text-preview.png" /></span>Tra cứu văn bản</a><span class="icon-go"></span></li>
                </ul>
            </div><!-- end hot-function -->
            <div class="list wp-form" id="create-document">
            	<h2><span class="icon"><img src="Images/New-document.png" /></span>Tạo công văn dự thảo</h2>
                <form>
                	<div class="nav-function">
                    	<ul>
                        	<li><a href="#" class="btn"><span class="icon"><img src="Images/Save.png" /></span>Lưu bản thảo</a></li>
                            <li><a href="#" class="btn"><span class="icon"><img src="Images/Forward.png" /></span>Gửi bản thảo</a></li>
                            <li><a href="#" class="btn"><span class="icon"><img src="Images/Erase.png" /></span>Hủy bỏ</a></li>
                            <li><a href="#" class="btn"><span class="icon"><img src="Images/Go-back.png" /></span>Quay về</a></li>
                        </ul>
                    </div>
                    <div class="form">
                	<table width="100%" cellspacing="5">
                    	<tr>
                        	<td>Loại công văn:<span class="required">*</span></td>
                            <td colspan="3">
                            	<select class="select">
                                	<option>-- Chọn loại công văn --</option>
                                    <option value="1">Giấy mời</option>
                                    <option value="2">Thông báo</option>
                                    <option value="3">Quyết định</option>
                                    <option value="1">Nghị quyết</option>
                                </select>     
                                <a href="#" class="link-btn">Thêm loại công văn</a>                       
                            </td>
                        </tr>
                        <tr>
                        	<td>Tên bản thảo:<span class="required">*</span></td>
                            <td colspan="3"><input type="text" name="tenbanthao" class="txt" /></td>                            
                        </tr>
                        <tr>
                        	<td>Ngày bắt đầu: <span class="required">*</span></td>
                            <td><input type="text" class="txt" />(dd/mm/yy)</td>
                            <td colspan="2">Ngày kết thúc: <span class="required">*</span><input type="text" class="txt" />(dd/mm/yy)</td>                            
                        </tr>
                        <tr>
                        	<td>Nội dung tóm tắt: </td>
                            <td colspan="3"><textarea cols="5" rows="5" name="tomtat" class="textarea"></textarea></td>
                        </tr>
                        <tr>
                        	<td>Nội dung công văn: </td>
                            <td colspan="3"><textarea cols="10" rows="10" class="textarea"></textarea></td>
                        </tr>
                        <tr>
                        	<td>Bản thảo: </td>
                            <td colspan="3"><input type="file" /></td>
                        </tr>
                        <tr>
                        	<td>Mức độ ưu tiên: </td>
                            <td><input type="radio" name="rdoPrior" value="1" />Rất quan trọng </td>
                            <td><input type="radio" name="rdoPrior" value="2" />Quan trọng </td>
                            <td><input type="radio" name="rdoPrior" value="3" />Bình thường </td>
                        </tr>
                        <tr>
                        	<td>Người xử lý/tham gia ý kiến: </td>
                            <td colspan="3"><textarea cols="5" rows="5" class="textarea"></textarea></td>
                        </tr>
                    </table>
                    </div>
                    <div class="nav-function">
                    	<ul>
                        	<li><a href="#" class="btn"><span class="icon"><img src="Images/Save.png" /></span>Lưu bản thảo</a></li>
                            <li><a href="#" class="btn"><span class="icon"><img src="Images/Forward.png" /></span>Gửi bản thảo</a></li>
                            <li><a href="#" class="btn"><span class="icon"><img src="Images/Erase.png" /></span>Hủy bỏ</a></li>
                            <li><a href="#" class="btn"><span class="icon"><img src="Images/Go-back.png" /></span>Quay về</a></li>
                        </ul>
                    </div>
                </form>
            </div>            
        </div><!-- end content -->
    </div><!-- end middle -->
    <div id="bottom">
    
    </div><!-- end bottom -->
</div><!-- end wrapprer -->
</body>
</html>